{% if isFramework("angular") %}
```js
const KEY_UP = 'ArrowUp';
const KEY_DOWN = 'ArrowDown';

@Component({
    selector: 'my-grid',
    template: `
        <ag-grid-angular
            [columnDefs]="columnDefs"
            ...rest of the component... />
    `
})
export class AppComponent {
    columnDefs = [
        {
            headerName: "Value Column",
            field: "value",
            suppressKeyboardEvent: params => {
                console.log('cell is editing: ' + params.editing);
                console.log('keyboard event:', params.event);
            
                // return true (to suppress) if editing and user hit up/down keys
                const key = params.event.key;
                const gridShouldDoNothing = params.editing && (key === KEY_UP || key === KEY_DOWN);
                return gridShouldDoNothing;
            }
        }
    ]

    ...rest of the component...
}
```
{% /if %}
